@import "../plugins/element/element-variables";

$transition-time: 0.25s;
$base-font-color: #838EA5;
$header-height: 60px;
$nav-second-height: 45px;
$nav-bg-color: #fff;
$open-nav-bg-color: #F4F5F9;
$menu-font-color: #fff;
$active-menu-color: #3175F7;
$active-submenu-color: $--color-primary;
$breadcrumb-bg-color: transparent;
$title-color: #0F1027;
$menu-bg-color: #071A4B;
$left-logo-bg-color: #071A4B;
$header-bg-color: #fff;
$color-bg-base: #F0F2F5;
$header-text-color: #fff;

*{
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px !important;
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(100, 100, 100, 0.4);
}

::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(50, 50, 50, 0.3);
}

::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.8);
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#nprogress .bar {
  background: red !important; //自定义颜色
}

.success{
  color: $--color-success !important;
}
.error{
  color: $--color-danger !important;
}

.mz-bg-color {
  background-color: $--color-primary;
}

.mz-bd-color {
  border-color: $--color-primary;;
}

.mz-color {
  color: $--color-primary;;
}

.jz-bg-color {
  background-color: $--color-danger;
}

.jz-bd-color {
  border-color: $--color-danger;
}

.jz-color {
  color: $--color-danger;
}

.zy-bg-color {
  background-color: $--color-success
}

.zy-bd-color {
  border-color: $--color-success
}

.zy-color {
  color: $--color-success
}

.disable-font {
  color: #bbb;
}

.no-border{
  .el-input__inner{
    border: none;
  }
}

.table-cell-icon{
  color: $--color-primary;
  font-size: 16px;
  cursor: pointer;
}

.el-table{
  .el-icon-delete {
    + span{
      color: $--color-danger;
    }
    color: $--color-danger;
  }
}

.el-dialog{
  border-top: 4px solid $--color-primary;
}

.abow_dialog {
  display: flex;
  justify-content: center;
  align-items: Center;
  overflow: hidden;
  .el-dialog {
    margin: 0 auto !important;
    height: 100%;
    overflow: hidden;
    .el-dialog__body {
      position: absolute;
      left: 0;
      top: 54px;
      bottom: 0;
      right: 0;
      padding: 0;
      z-index: 1;
      overflow: hidden;
      overflow-y: auto;
    }
  }
}
//.avue-dialog .el-dialog{
//  top: 10% !important;
//  left: 50% !important;
//}

.avue-tree{
  .el-input-group--append{
    .el-input__inner{
      border-right: none;
    }
    .el-button{
      background-color: $--color-primary !important;
      color: #fff !important;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }
  }

}
